.container{
    position: relative;
    overflow: hidden;
    .image-slider{
        display: flex;
        overflow-x:scroll;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            scroll-snap-align: start;
        }
    }
    .nav-section{
        position: absolute;
        bottom: 0px;
        width: 100%;
        opacity: 0.5;
        color: #fff;
        background-color: #000;
        display:flex;
        justify-content:flex-end;
        align-items: stretch;
        .slide-button{
            display:flex;
            width: 10px;
            height: 10px;
            background-color: #fff;
            text-decoration: none;
            border-radius: 50%;
            margin: 5px;
            &.slider-active{
                background-color: red;
            }
        }
    }

}